
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page import="com.limetalks.util.Helper"%>
<%@page import="com.limetalks.data.Category"%>
<%@page import="com.limetalks.util.GlobalStrings"%>
<%@page import="javax.persistence.Persistence"%>
<%@page import="com.limetalks.dao.StreamDAO"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.limetalks.util.DAO"%>

<html>
<head>
	<title>Lime Talks</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
		
	<!-- RESOURCES FOR SPHERE FLASH CLIENT -->	
	<link rel="stylesheet" type="text/css" href="flash/history/history.css" />
			
	<script type="text/javascript" src="flash/AC_OETags.js"></script>
	<script type="text/javascript" src="flash/history/history.js"></script>
	<script type="text/javascript" src="js/sphere.js"></script>
	<!--  -->
	
</head>
<body>
	<div id="modalWin" style="position:absolute; z-index:8000;"></div>
	<center>
	
		<jsp:include page="header.jsp"> 
			<jsp:param name="user" value="" />
		</jsp:include>
		
		<!-- div style="width:800px; height:40px; background-image:url('images/1.gif'); background-repeat:repeat-x; padding-top:20px;"-->
		<div id="mainPanel">
		
			<div class="categoryItem"><a href="" onclick="{filterSphere(0);}">All</a></div>
			<% for(Category category: Helper.getAllCategories()) { %>			
				<div class="categoryItem"><a href="#" onclick="{filterStreams(<%= category.getId()%>);}"><%= category.getName() %></a></div>
				<div class="categCount">12</div>
			<% } %>
		
			<div id="searchwrapper">
				<form method="post" onsubmit="return searchStreams()";>		
					<input id="searchInput" type="text" class="searchbox" style="color:#999999;" value=" Search theme" onfocus="if(this.value == this.defaultValue) this.value='';" />
					<!--  input type="image" src="images/search7.gif" class="searchbox_submit" value="" /-->
					<input type="submit" class="searchSubmitButton" value="Search" />
				</form>
			</div>		
		</div>
			
		<div id="sphere">
			<script type="text/javascript" language="javascript">
				createSphere();
			</script>
			<noscript>
			  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
						id="SphereApp" width="100%" height="100%"
						codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
						<param name="movie" value="flash/SphereApp.swf" />
						<param name="quality" value="high" />
						<param name="bgcolor" value="#ffffff" />
						<param name="allowScriptAccess" value="sameDomain" />
						<param name="wmode" value="transparent" />
						<embed src="flash/SphereApp.swf" quality="high" bgcolor="#ffffff"
							width="100%" height="100%" name="SphereApp" align="middle"
							play="true"
							loop="false"
							quality="high"
							allowScriptAccess="sameDomain" 
							wmode="transparent"
							type="application/x-shockwave-flash"
							pluginspage="http://www.adobe.com/go/getflashplayer">
						</embed>
				</object>
			</noscript>
		</div>
		
		<script type="text/javascript">
			var height = getClientHeight() - 70 - 200;
			document.getElementById('sphere').style.height = height;			
		</script>
					
		<jsp:include page="footer.jsp" /> 		
			
	</center>

</body>
</html>